<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>遥感算法</title>
    <meta name="description" content="遥感算法主页">
    <meta name="keywords"
          content="map,地图,融汇">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="bookmark" type="image/x-icon" href="./img/logo.ico"/>
    <link rel="shortcut icon" href="./img/logo.ico"/>
    <link rel="icon" href="./img/logo.ico">

    <!-- CSS
    ================================================== -->

    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>-->

    <!-- Fontawesome Icon font -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/slit-slider.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="https://at.alicdn.com/t/font_530763_ewjee97qzbsm7vi.css">

    <!-- Modernizer Script for old Browsers -->
    <script src="js/modernizr-2.6.2.min.js"></script>

    <!--login-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <script type="text/javascript" src="js/layer/layer.js"></script>

    <link rel="stylesheet" href="css/notice.css">
</head>

<body id="body" onload="myload()">

<!-- preloader -->
<div id="preloader">
    <div class="loder-box">
        <div class="battery"></div>
    </div>
</div>
<!-- end preloader -->

<!--
Fixed Navigation
==================================== -->
<header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
    <div class="container">
        <div class="navbar-header">
            <!-- responsive nav button -->
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                   <span class="sr-only">Toggle navigation</span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
               </button>
            <!-- /responsive nav button -->

            <a href="#body"><img src="img/slider/小尺寸不加英文.png" style="height: 50px;"></a>
            </h1>

        </div>

        <nav class="collapse navbar-collapse navbar-right" role="navigation">
            <ul id="nav" class="nav navbar-nav">
                <li onclick="navbarClick(0)"><a href="#">首页</a></li>
                <li onclick="navbarClick(1)"><a href="#">大赛简介</a></li>
                <li><a id="serviceLink" href="#service">大赛新闻</a></li>
                <li onclick="navbarClick(3)"><a href="#">大赛日程</a></li>
                <li onclick="navbarClick(4)"><a href="#">大赛规则</a></li>
                <li onclick="navbarClick(5)"><a href="#">参会/赛指南</a></li>
                <li onclick="navbarClick(6)"><a href="#">资料下载</a></li>
                <li onclick="navbarClick(7)"><a href="#">大赛评委</a></li>
                <!-- <li onclick="navbarClick(-1)"><a href="#">用户中心</a></li> -->
                <li onclick="navbarClick(9)"><a href="#">联系我们</a></li>
                <!--<li><a href="javascript:;" value="弹出" onclick="alertLogin()"><img src="./img/yonghu.png"
                                                                                  class="userImg">&nbsp;&nbsp;<span
                        id="userInfo">登陆/注册</span></a></li>
                <li id="logOut"><a href="javascript:;" onclick="signOut()">登出</a></li>-->
            </ul>
        </nav>
        <!-- /main nav -->

    </div>
</header>
<!--
End Fixed Navigation
==================================== -->

<main class="site-content" role="main">

    <section id="introduction1" class="bg-img bg-img-1"></section>

    <section id="service" class="notice">
        <div id="notice-container" class="container " style=" margin-top: 30px;">
            <div class="row">

                <div class="sec-title text-center">
                    <h2 class="wow animated bounceInLeft" style="color: #ffffff!important;">大赛新闻</h2>
                </div>

                <div class="col-md-12 col-sm-12 col-xs-12" style="text-align: center; margin-top: 50px;">

                    <div class="notice-icon notice-icon1">
                        <div style="margin-top: 10%; margin-left: 10%; height: 75%; width: 80%; background-color: rebeccapurple;"></div>
                    </div>
                    <div class="notice-icon notice-icon2 " style="vertical-align:top;">
                        <div class="wow animated zoomIn" data-wow-delay="0.9s">
                            <!-- <h3>本地部署</h3>-->
                            <div class="notice-text">
                                <p>
                                    随着遥感大数据、互联网+及AI技术的多年发展，风云系列卫星大数据的潜在价值越来越得到重视。我国气象卫星遥感技术经历了近50年的发展，解决了关系到民生的气象预报、气象和气候科学研究、灾害和环境监测等多个领域，随着卫星技术、载荷技术、数据预处理和反演水平的提升，我国气象卫星遥感数据已经在国内外受到了广泛关注。
                                </p>
                                <br>
                                <p>
                                    2016年12月8日风云四号A星成功发射、2017年11月15日风云三号D星成功发射，新一代气象卫星使得遥感综合观测能力得到极大提升，性能水平得到国内国际同行高度认可和称赞。借风云三号D星交付之际，中国气象局联合中国科学院和江苏省联合进行“风云气象卫星科学算法AI+”大赛。
                                </p>
                                <br>
                                <p>通过此次大赛扩大风云三号和风云四号气象卫星数据的国内国际影响力，推广风云系列卫星数据更广的应用，进一步夯实风云卫星遥感应用在军民融合战略和“一带一路”中服务效益。
                                </p>
                                <br>
                            </div>

                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>

    <!--<section id="connect" class="connect">-->
        <!--<div class="container">-->
            <!--<div class="row text-center">-->
                <!--<div class="wow animated fadeInDown">-->
                    <!--<div style="font-size: 20px;">-->
                        <!--<div class="connect-header">-->
                            <!--<p>主办单位：中国气象局、中国科学院、江苏省政府</p>-->
                            <!--<p>承办单位：中国气象局国家卫星气象中心、中国科学研上海技术物理研究所苏州研究院、苏州工业园区</p>-->
                            <!--<p>协办方：待定</p>-->
                            <!--<button class="connect-btn">联系我们</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-md-offset-2 col-md-8 connect-info">-->
                    <!--<div class="col-md-8 text-left">-->
                        <!--<p>电话：0281-82415578</p>-->
                        <!--<p>邮箱：82415578@qq.com</p>-->
                        <!--<p>地址：辽宁省大连市高新园区金融大厦</p>-->
                    <!--</div>-->
                    <!--<div class="col-md-4 text-center">-->
                        <!--<img src="img/second_code.jpg">-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash;<div class="row connect-footer">-->
                <!--<p>京ICP备17059145号-1</p>-->
            <!--</div>&ndash;&gt;-->
        <!--</div>-->
    <!--</section>-->
    <div class="connect">
        <div class="container">
            <div class="row connect-footer">
                <p>京ICP备17059145号-1</p>
            </div>
        </div>
    </div>
    <div id="login" style="display: none">

        <div class="login_cont">
            <div class="login_nav">
                <div class="nav_slider">
                    <a href="#loginPage" class="signin  focus">登录</a>
                    <a href="#registerPage" class="signup">注册</a>
                </div>
            </div>
            <form id="registerPage">
                <div class="input_signup ">
                    <input class="input" id="user_name" type="text" aria-label="用户名（包含字母／数字／下划线"
                           placeholder="用户名（3-12个字符）">
                    <div class="hint">请输入3-12个字符的用户名</div>
                    <input class="input" id="password" type="password" aria-label="密码" placeholder="密码（不少于 6 位）">
                    <div class="hint">请输入6位以上密码</div>
                    <input class="input" id="repassword" type="password" aria-label="密码" placeholder="再次输入密码">
                    <div class="hint">请再次输入密码</div>
                    <input class="input" id="user_email" type="text" aria-label="邮箱" placeholder="邮箱">
                    <div class="hint">请填写邮箱</div>
                    <input class="input" maxlength="11" id="phone" type="text" class="account" aria-label="手机号（仅支持中国大陆）"
                           placeholder="手机号（仅支持中国大陆）">
                    <div class="hint">请输入11位电话号码</div>
                    <input type="button" style="text-align: center" id="submitRegister" class="button" name="button"
                           value="注册">
                </div>
            </form>
            <form id="loginPage" style="padding-top:80px;">
                <div class="input_signin active">
                    <input class="input" id="login_user_name" type="text" aria-label="用户名" placeholder="用户名">
                    <div id="loginError" class="hint hint_wrong">x用户名或密码错误</div>
                    <input class="input" id="login_password" type="password" aria-label="密码" placeholder="密码">
                    <div class="hint">请输入密码</div>
                    <input type="button" style="text-align: center" id="button" class="button" name="button" value="登录">
                </div>
            </form>
        </div>
    </div>


</main>



<!-- Essential jQuery Plugins
================================================== -->
<!-- Main jQuery -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Twitter Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Single Page Nav -->
<script src="js/jquery.singlePageNav.min.js"></script>
<!-- jquery.fancybox.pack -->
<script src="js/jquery.fancybox.pack.js"></script>
<!-- Google Map API -->

<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- jquery easing -->
<script src="js/jquery.easing.min.js"></script>
<!-- Fullscreen slider -->
<script src="js/jquery.slitslider.js"></script>
<script src="js/jquery.ba-cond.min.js"></script>
<!-- onscroll animation -->
<script src="js/wow.min.js"></script>
<!-- Custom Functions -->
<script src="js/main.js"></script>
<!--login-->
<script type="text/javascript" src="js/login.js"></script>

<script type="text/javascript" src="js/common.js"></script>

<script>
    function myload() {
        // var h5 = $('.sl-content-wrapper').css('height').split('px')[0] * 1 - 130;
        // $('#notice-container').css('height',h5 );

        // $('#serviceLink').click();

        $('.notice-text p').click(function () {
            navbarClick(-1);
        })
    }


</script>

</body>
</html>
